.login-page-container {
  width: 100%;
  height: 100%;
  background-image: url('../../../public/image/背景图.jpg');
  background-size: cover;
  position: relative;

  .login-manager-container {
    width: 500px;
    height: 450px;
    position: absolute;
    top: calc(50% - 225px);
    left: calc(50% - 250px);
    background-color: #fff;
    box-shadow: 20px 19px 0px 0px rgba(248, 243, 243, 0.2);

    & > h2 {
      text-align: center;
      padding: 15px 0;
      border-bottom: 1px solid #ccc;
    }

    & > .ant-form {
      padding: 15px 50px;

      .ant-form-item {
        display: flex;
        margin: 24px 0;

        &.username .ant-form-item-control-wrapper,
        &.password .ant-form-item-control-wrapper,
        &.captchaCode .ant-form-item-control-wrapper {
          flex: 1;

          .ant-input {
            height: 40px;
          }
        }

        &.btn  {
          justify-content: center;

          .ant-btn {
            width: 180px;
          }
        }

        .ant-form-item-label {
          width: 75px;
          text-align: left;
          display: flex;
          align-items: center;
        }
      }
    }

    & > .login-user-type {
      width: 100%;
      padding: 15px;
      text-align: right;
      position: absolute;
      bottom: 0;
      right: 0;
      font-weight: 300;

      & > .register-user, .login-user {
        cursor: pointer;
        color: blue;
        font-weight: bolder;
      }
    }
  }

}